<!--
 * @Author: wangming
 * @Date: 2021-05-18 14:44:17
 * @LastEditors: wangming
 * @LastEditTime: 2022-06-01 11:56:34
 * @Description: file content
-->
<template>
  <div
    :class="['el-divider', `el-divider--${config.__config.direction}`]"
    :style="{
      color: config.__config.contentColor,
      borderColor: config.__config.lineColor,
      borderStyle: config.__config.lineType,
    }"
  >
    <div :class="['el-divider__text', `is-${config.__config.contentPosition}`]">
      {{ config.__config.label }}
    </div>
  </div>
</template>

<script>
import mixins from "./mixins.js";
export default {
  mixins: [mixins],
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.el-divider {
  height: 0px;
  padding: 0;
  border: 0px;
  border-top: 1px;
  border-style: solid;
  border-color: #dcdfe6;
  background-color: #fff;
  // &.line-solid {
  //   border-style: solid;
  // }
  // &.line-dashed {
  //   border-style: dashed;
  // }
  .el-divider__text {
    color: inherit;
  }
}
</style>
